<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <title>LSE Form</title>
    <style type="text/css">
    *{
      list-style: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    input, textarea{
      user-select: auto;
    }
    html,body{
      background:#e8e8e8;
    }
    .ivu-row{
      height: 100%;
    }
    .ivu-col{
      height: 100%;
    }
    .ivu-avatar img {
      margin: auto;
      max-width: 100% !important;
      height: auto !important;
    }
    .ivu-message, .pswp{
      z-index: 100000000 !important;
    }
    /* .ivu-modal-mask{
      z-index: 999999 !important;
    }
    .ivu-modal-wrap{
      z-index: 999999 !important;
    } */
    .ivu-avatar-string{
      position: unset !important;
    }
    .tips {
      font-size: 12px;
      color: #999;
    }
    .ivu-form-item-error-tip{
      font-size: 12px;
    }
    .vue-waterfall.is-transition img {
      opacity: 1 !important;
    }
    .ivu-avatar {
      border-radius: 0;
      background: transparent;
      color: black;
    }
    .text_hidden{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: initial;
    }
    .ivu-btn{
      word-break: break-all !important;
      white-space: normal !important;
      height: fit-content !important;
      padding-top: 5px !important;
      padding-bottom: 5px !important;
    }
    .ivu-notice-desc{
      word-break: break-all !important;
    }
    /* 瀑布流样式 */
    .waterfall-item {
        margin: 10px;
        box-sizing: border-box;
    }
    .waterfall-item img, .waterfall-item video {
        width: 100%;
    }
    .waterfall-item-tag{
        overflow: auto;
        word-break: normal;
        white-space: nowrap;
    }
    /* 滚动条 */
    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      display: none;
      background-color: #d8d8d8;
      /* background-color: transparent; */
    }
    ::-webkit-scrollbar-track {
      border-radius:10px;
    }
    ::-webkit-scrollbar-thumb {
      background-color: #bfc1c4;
      /* background-color: transparent; */
    }
    /* 局部加载动画 */
    
    .lse_circular{
      -webkit-animation:rotate 2s linear infinite;
      animation:rotate 2s linear infinite;
      height:100%;
      -webkit-transform-origin:center center 0px;
      transform-origin:center center 0px;
      width:100%;
      margin:auto;
    }

    @keyframes rotate {
      100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
      }
    }

    .lse_path{
      stroke-dasharray: 1px, 200px;
      stroke-dashoffset: 0;
      -webkit-animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
      animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
      stroke-linecap: round;
    }
    @keyframes dash{
      0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
      }
      50% {
          stroke-dasharray: 89,200;
          stroke-dashoffset: -35;
      }
      100% {
          stroke-dasharray: 89,200;
          stroke-dashoffset: -124;
      }
    }

    @keyframes color{
      0%, 100% {
        stroke: #d62d20;
      }
      40% {
          stroke: #0057e7;
      }
      66% {
          stroke: #008744;
      }
      80%, 90% {
          stroke: #ffa700;
      }
    }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
